/*
  1:歌曲搜索接口
    请求地址:https://autumnfish.cn/search
    请求方法:get
    请求参数:keywords(查询关键字)
    响应内容:歌曲搜索结果

  2:歌曲url获取接口
    请求地址:https://autumnfish.cn/song/url
    请求方法:get
    请求参数:id(歌曲id)
    响应内容:歌曲url地址
  3.歌曲详情获取
    请求地址:https://autumnfish.cn/song/detail
    请求方法:get
    请求参数:ids(歌曲id)
    响应内容:歌曲详情(包括封面信息)
  4.热门评论获取
    请求地址:https://autumnfish.cn/comment/hot?type=0
    请求方法:get
    请求参数:id(歌曲id,地址中的type固定为0)
    响应内容:歌曲的热门评论
  5.mv地址获取
    请求地址:https://autumnfish.cn/mv/url
    请求方法:get
    请求参数:id(mvid,为0表示没有mv)
    响应内容:mv的地址
*/

var app=new Vue({
   el:"#player",
   data:{
      query:"",
      musicList:[],
      musicUrl:"",
      musicCover:"",
      //歌曲评论
      hotComments:[],
      //动画播放状态
      isPlaying:false,
      //遮罩层的状态
      isShow:false,
      //MV的地址
      mvUrl:"",
   },
   methods:{
       searchMusic(){
       var that=this;
       axios.get("https://autumnfish.cn/search?keywords="+this.query)
       .then(function(response){
          // console.log(response);
          that.musicList=response.data.result.songs;
       },function(err){
       })  
      },
       playMusic(musicId){
        //  console.log(musicId);
        var that = this;
        axios.get("https://autumnfish.cn/song/url?id="+musicId)
        .then(function(response){
          // console.log(response);
          that.musicUrl = response.data.data[0].url;
        },function(err){}),

          //获取歌曲图片地址
          axios.get("https://autumnfish.cn/song/detail?ids="+musicId)
          .then(function(response){
            that.musicCover=response.data.songs[0].al.picUrl;
          },function(){}),
          
          //获取歌曲评论
          axios.get("https://autumnfish.cn/comment/hot?type=0&id="+musicId)  //注意传入多个参数时不同参数之间用"&"来连接
          .then(function(response){
            that.hotComments=response.data.hotComments;
          },function(){})
       },

       //歌曲播放
       play(){
        this.isPlaying=true;
       },

       //歌曲暂停
       pause(){
         this.isPlaying=false;
       },

       //播放MV
       playMv(mvid){
        axios.get("https://autumnfish.cn/mv/url?id="+mvid)
        .then(response=>{
          // console,log(response);
          this.isShow=true;
          this.mvUrl=response.data.data.url;
        },function(err){})
       },

       //隐藏遮罩层
       hide(){
         this.isShow=false;
       },
   },
});
